<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>index</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/style.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <div class="wrapper">
            <header>
                <p>Lorem ipsum dolor.</p>
                <p>Lorem ipsum dolor.</p>
                <div class="logo"></div>
            </header>

            <section class="main">
                <section class="header">
                    <header>
                        <span>PORTFOLIO TEMPLATE</span>
                    </header>
                    <div class="row">
                        <div class="column divider">
                            <img src="pic/main/1.jpg" alt="">
                            <a href="javascript:void(0);">view project</a>
                        </div>
                        <div class="column text">
                            <h1>Creative Web  psd portfolio.</h1>
                            <h2>A creative, clean, portfolio for professionals.</h2>
                            <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
                        </div>
                    </div>
                </section>
                <section class="even">
                    <div class="row">
                        <div class="column divider">
                            <div class="sub-column">
                                <img src="pic/main/small_1.jpg" alt="">
                            </div>
                            <div class="sub-column">
                                <h1>Leather Logo Mockup</h1>
                                <div class="date">Feb 15</div>
                                <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra.</p>
                                <a href="javascript:void(0);">Read More</a>
                            </div>
                            
                        </div>
                        <div class="column text">
                            <div class="sub-column">
                                <img src="pic/main/small_1.jpg" alt="">
                            </div>
                            <div class="sub-column">
                                <h1>Leather Logo Mockup</h1>
                                <div class="date">Feb 15</div>
                                <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra.</p>
                                <a href="javascript:void(0);">Read More</a>
                            </div>
                        </div>
                    </div>

                     <div class="row">
                        <div class="column divider">
                            <div class="sub-column">
                                <img src="pic/main/small_1.jpg" alt="">
                            </div>
                            <div class="sub-column">
                                <h1>Leather Logo Mockup</h1>
                                <div class="date">Feb 15</div>
                                <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra.</p>
                                <a href="javascript:void(0);">Read More</a>
                            </div>
                            
                        </div>
                        <div class="column text">
                            <div class="sub-column">
                                <img src="pic/main/small_1.jpg" alt="">
                            </div>
                            <div class="sub-column">
                                <h1>Leather Logo Mockup</h1>
                                <div class="date">Feb 15</div>
                                <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra.</p>
                                <a href="javascript:void(0);">Read More</a>
                            </div>
                        </div>
                    </div>
                </section>
            </section>
        
            <footer>
                
            </footer>
        </div>
        

        <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script> -->
    </body>
</html>
